page {
  background-color: #F9F9F9;
  font-size: 28rpx;
  font-weight: 400;
  color: $primary-text-color;
  width: 100%;
  height: 100vh;
}

.common-weight-500 {
  font-size: 28rpx;
  color: #333;
  font-weight: 500;
}

// .theme-color {
//   color: #0F88DF;
// }

.theme-color {
  color: $primary-color;
}

.theme-bg-color {
  color: $primary-text-color;;
  background-color: $primary-color;
}

.font-size-24 {
  font-size: 24rpx;
}

.font-size-26 {
  font-size: 26rpx;
}

.font-size-28 {
  font-size: 28rpx;
}

.font-size-32 {
  font-size: 32rpx;
}

.common-tip-666 {
  color: #666;
  font-size: 24rpx;
}

.color-white {
  color: #fff;
}

.color-000 {
  color: #000;
}

.color-blue {
  color: #0F88DF;
}

.color-333 {
  color: #0F88DF;
}

.color-red {
  color: #E45151;
}

.color-666 {
  color: #666;
}

.color-999 {
  color: #999;
}

.margin-lr-three {
  margin: 0 6rpx;
}

.margin-t-six {
  margin-top: 12rpx;
}

.margin-t-20 {
  margin-top:20rpx;
}

.margin-lr-20 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}


.margin-t-tt {
  margin-top: 22rpx;
}

.margin-t-tr {
  margin-top: 24rpx;
}

.margin-b-tr {
  margin-bottom: 24rpx;
}

.margin-tb-tr {
  margin: 24rpx 0;
}

.margin-r-tr {
  margin-right: 24rpx;
}

.margin-lr-tr {
  margin: 0 24rpx;
}

.padding-tr {
  padding: 24rpx;
}

.padding-tw {
  padding: 32rpx;
}

.padding-b-tr {
  padding-bottom: 24rpx;
}

.margin-b-th {
  margin-bottom: 14rpx;
}

.margin-t-th {
  margin-top: 14rpx;
}

.padding-b-th {
  padding-bottom: 14rpx;
}

.margin-t-tf {
  margin-top: 34rpx;
}

.margin-b-tf {
  margin-bottom: 34rpx;
}

.padding-b-tf {
  padding-bottom: 34rpx;
}


.padding-lr-et {
  padding-left: 18rpx;
  padding-right: 18rpx;
}

.padding-lr-tw {
  padding-left: 32rpx;
  padding-right: 32rpx;
}


.text-center {
  text-align: center;
}

.margin-l-tr {
  margin-left: 24rpx;
}

.margin-l-te {
  margin-left: 28rpx;
}

.margin-l-tl {
  margin-left: 12rpx;
}

.margin-t-tl {
  margin-top: 12rpx;
}

.margin-l-th {
  margin-left: 12rpx;
}

.margin-t-ten {
  margin-top: 10rpx;
}

.margin-r-ten {
  margin-right: 10rpx;
}

.margin-t-te {
  margin-top: 28rpx;
}

.margin-b-te {
  margin-bottom: 28rpx;
}

.margin-t-fe {
  margin-top: 48rpx;
}

.margin-t-et {
  margin-top: 18rpx;
}

.margin-l-et {
  margin-left: 18rpx;
}

.margin-r-et {
  margin-right: 18rpx;
}

.margin-t-st {
  margin-top: 16rpx;
}

.margin-l-st {
  margin-left: 16rpx;
}

.margin-r-st {
  margin-right: 16rpx;
}

.margin-t-tw {
  margin-top: 32rpx;
}

.margin-l-tw {
  margin-left: 32rpx;
}

.margin-r-tw {
  margin-right: 32rpx;
}

.right-arrow {
  height: 44rpx;
  width: 44rpx;
}

.color-333 {
  color: #333;
}

.font-weight-500 {
  font-weight: 500;
}

.bold {
  font-weight: bold;
}

.align-right {
  text-align: right;
}

.single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.border-bottom {
  border-bottom: 2rpx solid #F1F1F1;
}

.divider {
  width: 100%;
  height: 2rpx;
  background-color: #F1F1F1;
}

.placeholder-class {
  color: rgba($color: $primary-text-color, $alpha: 0.2);
}

.common-bg-white {
  background-color: #fff;
  border-radius: 20rpx;
}

.footer {
  min-height: 110rpx;
  background-color: #fff;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}